<template>
  <div class="app">
    <h1>app根组件</h1>
    <hr />
    <hr />
    <component :is="BoxName"></component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      BoxName: 'Box'
    }
  },
  methods: {}
}
</script>

<style>
* {
  box-sizing: border-box;
}
.app {
  height: 80px;
  background: #d9d9d9;
}
</style>
